.container {
    flex-direction: column;

    width: 100%;
    height: 100%;
    display: flex;
}

.lbo{

    width: 100%;
    height: 20%;
    display: flex;
    padding-top: 0px;

}
.capsule{

    width:100%;
    height: 100%;
    position: absolute;
}

.showimg{
/*    font-size: 10px;*/
/*    width:100%;*/
/*    height:30%;*/
    object-fit: contain;
    padding-top: 0px;

}

.weather{
    width:100%;
    display: flex;
    flex-direction: column;
/*    height:30%;*/
}
.location{
    font-size: 30px;
    text-align: center;
    color: white;
}
.tem{
    font-size: 55px;
    text-align: center;
    margin-top: 10px;
    color: white;
}
.temh{
    font-size: 25px;
    text-align: center;
    margin-top: 10px;
    color: white;
}
.condition{
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    color: white;
}
.warncontain{
    margin-top: 10px;
    display: flex;
/*    height: 15%;*/
}
.warn{
    font-size: 25px;
/*    text-align: center;*/
    width: 85%;
    color: white;
}
.warning{
    margin-left: 10px;
    width: 25%;
    height: 25%;
    object-fit: contain;
}
.condd{
    margin-top: -80px;
    display: flex;
    flex-direction: column;
}
.aircondition{
    font-size: 20px;
    margin-left: 15px;

    color: white;
}
.tips{
    font-size: 20px;
    margin-left: 15px;
    margin-top: 10px;
    color: white;
}

